<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
    .fixed-table-toolbar {
        margin-bottom: 10px;
    }

    .bgcoor {
        background: #ffffff;
        padding-top: 20px;
    }

    #exampleTable {
        border-left: 0px;
        border-right: 0px
    }

    #exampleTable th {
        border-left: 0px;
        border-right: 0px
    }

    #exampleTable td {
        border-left: 0px;
        border-right: 0px
    }

    .table .thead-dark th {
        background-color: #f9fafe;
        border-color: #f1f4f5;
    }

    .pass {
        width: 10px;
        height: 10px;
        background: #41c958;
        border-radius: 50%;
        display: inline-block;
        margin-right: 7px;
    }

    .audit {
        width: 10px;
        height: 10px;
        background: #fe8900;
        border-radius: 50%;
        display: inline-block;
        margin-right: 7px;
    }

    .dedetels {
        width: 10px;
        height: 10px;
        background: red;
        border-radius: 50%;
        display: inline-block;
        margin-right: 7px;
    }

    .finish {
        width: 10px;
        height: 10px;
        background: #a4bac8;
        border-radius: 50%;
        display: inline-block;
        margin-right: 7px;
    }
    .bootstrap-table .fixed-table-container {
        height: 650px !important;
        font-size: 15px;
    }
    #exampleTable thead{
        position: sticky !important;
        top: -2px;
    }
</style>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="col-sm-12 bgcoor">
        <div class="ibox">
            <div class="ibox-body">
                <div class="fixed-table-toolbar">
                    <div class="columns pull-left">

                        <button shiro:hasPermission="jzweb:stuSignUpCom:add" type="button" class="btn  btn-primary"
                                onclick="add()">
                            <i class="fa fa-plus" aria-hidden="true"></i>添加
                        </button>

                        <button shiro:hasPermission="jzweb:stuSignUpCom:batchRemove" type="button"
                                class="btn  btn-danger"
                                onclick="batchRemove()">
                            <i class="fa fa-trash" aria-hidden="true"></i>删除
                        </button>

                        <button shiro:hasPermission="jzweb:stuSignUpCom:import" type="button" class="btn  btn-success"
                                onclick="downExcelModelTemplet()">
                            <i class="fa fa-download" aria-hidden="true"></i>下载导入模板
                        </button>

                    </div>
                    <input class="hidden" id="types" name="types" th:value="${types}">

                    <div class=" pull-left" style="margin-left:4px">

                        <!--							<select id="certificateList" class="form-control">-->
                        <!--								<option value="">请选择考试批次</option>-->
                        <!--							</select>-->

                        <input type="text" name="certificateList" id="certificateList" class="form-control"
                               placeholder="请选择竞赛批次">

                    </div>
                    <div class="columns pull-left" style="margin-left:4px">
                        <form shiro:hasPermission="jzweb:stuSignUpCom:import" id="importExcelForm" method="post"
                              enctype="multipart/form-data">
                            <input class="form-control" style="width:200px" name="file" id="fileUrl" type="file">
                        </form>
                    </div>
                    <div class="columns pull-left" style="margin-left:4px">
                        <button shiro:hasPermission="jzweb:stuSignUpCom:import" type="button"
                                class="btn  btn-success"
                                id="lead">
                            <i class="fa fa-upload" aria-hidden="true"></i>导入
                        </button>
                    </div>
                    <div class="fixed-table-toolbar">
                    </div>
                    <div class="columns pull-right">
                        <button class="btn btn-success" onclick="downExcelModelFile()">报名导出</button>
                    </div>
                </div>
            </div>
            <div class="columns pull-right" style="margin: 0 10px">
                <button class="btn btn-success" onclick="reLoad()">查询</button>
            </div>
<!--            <div class="columns pull-right col-md-1 nopadding">-->
<!--                <input id="cbatchName" name="cbatchName" type="text" class="form-control"-->
<!--                       placeholder="请输入竞赛名称">-->
<!--            </div>-->
            <div class="columns pull-right col-md-1 nopadding" style="margin: 0 10px">
                <input id="name" name="name" type="text" class="form-control"
                       placeholder="请输入姓名">
            </div>
        </div>

        <table id="exampleTable" data-mobile-responsive="true"></table>

    </div>
</div>
</div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 -->
<div>
    <script type="text/javascript">
        var s_edit_h = 'hidden';
        var s_remove_h = 'hidden';
        var s_resetPwd_h = 'hidden';
        var s_resetPwd_hs = 'hidden';
        var num1 = 'hidden';
    </script>
</div>
<div shiro:hasPermission="jzweb:stuSignUpCom:num1">
    <script type="text/javascript">
        num1 = '';
    </script>
</div>
<div shiro:hasPermission="jzweb:stuSignUpCom:edit">
    <script type="text/javascript">
        s_edit_h = '';
    </script>
</div>
<div shiro:hasPermission="jzweb:stuSignUpCom:remove">
    <script type="text/javascript">
        var s_remove_h = '';
    </script>
</div>
<div shiro:hasPermission="jzweb:stuSignUpCom:resetPwd1s">
    <script type="text/javascript">
        var s_resetPwd_hs = '';
    </script>
</div>
<div shiro:hasPermission="jzweb:stuSignUpCom:resetPwd1">
    <script type="text/javascript">
        var s_resetPwd_h = '';
    </script>
</div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/stuSignUpCom/stuSignUpCom.js"></script>
</body>
</html>